@font-face {
    font-family: 'iconfont';  /* project id 2507595 */
    src: url('//at.alicdn.com/t/font_2507595_o6jkecjmqm.eot');
    src: url('//at.alicdn.com/t/font_2507595_o6jkecjmqm.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_2507595_o6jkecjmqm.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_2507595_o6jkecjmqm.woff') format('woff'),
    url('//at.alicdn.com/t/font_2507595_o6jkecjmqm.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_2507595_o6jkecjmqm.svg#iconfont') format('svg');
  }

  div {
      width: 300px;
      height: 200px;
      margin: 0 auto;
  }
div label {
    font-family: "iconfont";
}
input {
    visibility: hidden;
}
label::before {
    content: "\f2d3";
}
label:hover::before {
    content: "\e681";
}
label:hover~label::before {
    content: "\e681";
}
label {
    float: right;
}
input:checked~label::before{
    content: "\e681";
}